
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" import="org.swim.web.utils.*"%>
<%@page import="org.swim.web.servlet.consts.*"%>
<!-- start finder -->
<form class="navbar-form" method="post" id="search"
	action="<%=SwimConst.Url.Servlet.SEARCH%>">
	<div class="span6" style="margin-left: 5px;">


		<%=FormHelper.getHiddenInput("a", Action.FINDUSERS.name())%>
		<%=FormHelper.getHiddenInput(SearchAttr.WHAT,
					SearchAttr.What.ABILITY.value())%>
		<%=FormHelper.getHiddenInput("filter",
					"none")%>
		<div class="input-prepend input-append" id="finder">

			<div class="add-on span"
				style="margin-top: 0px; padding-top: 3px; padding-bottom: 5px;"
				id="results"></div>
			<span style="display: block; overflow: hidden;"> <span
				style="display: block; padding-right: 95px;"> <input
					type="text" placeholder="Type one or a few abilities..."
					autocomplete="off" name="<%=SearchAttr.QUERY%>"
					data-provide="typeahead"
					data-url="<%=SwimConst.Url.Servlet.SEARCH%>" style="width: 100%;">
					<a
					href="javascript: setAutocompleteAction('<%=SearchAttr.QUERY.toLowerCase()%>', '<%=Action.AUTOCOMPLETEABILITY.name()%>')"
					class="btn disabled" id="chooseAbility" alert="Filter by abilities" title="Filter by abilities"><i class="icon-briefcase"></i></a> <a
					alert="Filter by name" title="Filter by name" href="javascript: setAutocompleteAction('<%=SearchAttr.QUERY.toLowerCase()%>', '<%=Action.AUTOCOMPLETENAME.name()%>')"
					class="btn" id="chooseName"><i class="icon-user"></i></a>
			</span>
			</span>
		</div>
	</div>
	<div class="span1 btn-group">
		<button class="btn" type="submit">
			<i class="icon-search"></i> Find
		</button>
		<a class="btn dropdown-toggle" data-toggle="dropdown"> <span
			class="caret"></span>
		</a>
		<ul class="dropdown-menu">

			<li><a
				href="javascript: justFriendAndSubmit()">Find
					between friends</a></li>
			<li><a
				href="javascript: justNoFriendAndSubmit()">Find
					between no friends</a></li>
		</ul>
	</div>

</form>
<!-- end finder -->